<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>主页面</title>
<link rel="stylesheet"
	href="<%=path%>/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script src="<%=path%>/ztree/js/jquery-1.4.4.min.js"></script>
<script src="<%=path%>/ztree/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript">
	var setting = {
		async : {
			enable : true,
			url : "menu/qrymenus"
		//dataFilter : filter
		},
		data : {
			key : {
				children : "menus",
				name : "name"
			}
		},
		callback : {
			beforeClick : function(treeId, treeNode, clickFlag) {
				$("#rframe").attr("src", treeNode.urlPath);
			}
		}

	};

	$(document).ready(function() {
		$.fn.zTree.init($("#tree"), setting);
	});
</script>
</head>
<base href="<%=basePath%>">
<body>
	<table border="0" id="table">
		<tr>
			<td width="250px" align="left" valign="top"
				style="border-right: #999999 1px dashed; padding-left: 15px; padding-top: 10px">
				<ul id="tree" class="ztree" style="overflow: auto;"></ul>
			</td>
			<td valign="top" height="600px" width="800px"><iframe
					id="rframe" frameborder="0" name="rframe" width=100%
					scrolling="auto" height="600px" style="overflow: auto"></iframe></td>
		</tr>
	</table>
</body>
</html>